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<!DOCTYPE html>
<html><link type="text/css" id="dark-mode" rel="stylesheet" href=""><style type="text/css" id="dark-mode-custom-style"></style><head>
<style>
html body {margin:0px;}
.topnav{overflow:hidden;background-color:#f00;}
.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}
.topnav a:hover{background-color:white; color:black;}
.topnav .icon{display:none}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {float: right;display: block;}}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {position: absolute;right: 0;top: 0; }
  .topnav.responsive a {float: none;display: block;text-align: left;}}

@media screen and (max-width: 600px) {
img  {width: 420px;  height:240px;}}

@media screen and (max-width: 400px) {
img  {width: 280px;  height:240px;}}

@media screen and (max-width: 780px) {
video  {width: 95%; height:370px;}}

@media screen and (max-width: 600px) {
video  {width: 95%; height:340px;}}

@media screen and (max-width: 400px) {
video {width: 95%; height:240px;}}

.strok h3 {font-family:impact,arial; font-size: 35px; color: red; -webkit-text-stroke: 1px black; text-shadow: 2px 2px 2px rgb(170,170,170);}
</style>
<script>function myFunction(){var a=document.getElementById("myTopnav");
"topnav"===a.className?a.className+=" responsive":a.className="topnav"}</script>


</head><body>
<div class="topnav" id="myTopnav">
  <a href="#home">Home</a>
  <a href="#news">News</a>
  <a href="#contact">Contact</a>
  <a href="#about">About</a>
  <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a></div>
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</center><i class="fa fa-eye">
<script src="https://cdn.firebase.com/v0/firebase.js" type="text/javascript"> 
<script> 
$.each($('a[name]'), function(i, e) { 
var elem = $(e).parent().find('#postviews'); 
var blogStats = new Firebase("https://YOUR-APP-NAME.firebaseio.com/pages/id/" + $(e).attr('name')); 
blogStats.once('value', function(snapshot) { 
var data = snapshot.val(); 
var isnew = false; 
if(data == null) { 
data= {}; 
data.value = 0; 
data.url = window.location.href; 
data.id = $(e).attr('name'); 
isnew = true; 
} 
elem.text(data.value); 
data.value++; 
if(window.location.pathname!='/') 
{ 
if(isnew) 
blogStats.set(data); 
else 
blogStats.child('value').set(data.value); 
} 
}); 
}); 
</script>

</i></body><style id="global-dark-mode" media="screen">html:before {
  content: " ";
  z-index: 100000000000000;
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}</style></html>